<template>
	<view class="lz-popup">
		<u-popup :show="popup.show" mode="bottom" @close="closeFn" :safeAreaInsetTop="true">
			<view class="p-4" style="height: 800rpx;background:#1e1e1e;">
				<view>
					<u-search :placeholder="$t('bibi.qsrssgjc')" v-model="popup.keyword" color="#fff" :actionText="$t('chongbi.quxiao')" bgColor="#484859"
					:actionStyle="{color:'#fff'}" @custom="popup.show=false"></u-search>
				</view>
				<view class="h-full overflow-auto">
					<view class="flex justify-between p-4 border-b" style="border-color: #484859;">
						<view class="flex items-center gap-2 text-lg">
							<image src="/static/uni.png" style="width: 20px;height: 20px;"></image>
							USDT
						</view>
						<view class="text-white">0</view>
					</view>
					<view class="flex justify-between p-4 border-b" style="border-color: #484859;">
						<view class="flex items-center gap-2 text-lg">
							<image src="/static/uni.png" style="width: 20px;height: 20px;"></image>
							USDC
						</view>
						<view class="text-white">0</view>
					</view>
					<view class="flex justify-between p-4 border-b" style="border-color: #484859;">
						<view class="flex items-center gap-2 text-lg">
							<image src="/static/uni.png" style="width: 20px;height: 20px;"></image>
							BTC
						</view>
						<view class="text-white">0</view>
					</view>
					<view class="flex justify-between p-4 border-b" style="border-color: #484859;">
						<view class="flex items-center gap-2 text-lg">
							<image src="/static/uni.png" style="width: 20px;height: 20px;"></image>
							ETH
						</view>
						<view class="text-white">0</view>
					</view>
				</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	import {
		mapGetters,
		mapActions
	} from 'vuex'
	export default {
		props: {
			title: {
				type: String,
				default: ""
			},
			mode: {
				type: String,
				default: "bottom"
			},
		},
		computed: {
			...mapGetters(['userInfo', 'api', 'config']),
		},
		components: {},
		data() {
			return {
				popup:{
					show:false,
					keyword:''
				}
			}
		},
		mounted(op) {
		},
		methods: {
			clicktabs(item) {
				console.log('item', item);
			},
			show(){
				this.popup.show=true
			},
			closeFn(){
				this.popup.show=false
			}
		}
	}
</script>

<style lang="scss" scoped>
	.lz-popup{
		color: #9FA6B5;
	}
</style>